<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/todo.css">
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
	<style type="text/css">
		.base_info{
			width: 80%;
			min-height: 350px;
			margin-top: 30px;
			font-size: 20px;
			padding: 15px;
			border: 1px solid #f1f1f1;
			resize: none;
			margin-bottom: 15px;
			outline: none;

		}
	</style>
</head>
<body>
	<div class="container">
		<div class="login_div">
			<div class="login_div_left">
				<img class="login_logo" src="https://sujeking.github.io/cxy/imgs/logo.png">
				<div class="setip01">
					<input class="input unameTF" placeholder="用户名"></input>
					<input class="input upassTF" type="password" placeholder="微  信"></input>
					<input class="input upassTF" type="password" placeholder="密  码"></input>
					<input class="input upassTF" type="password" placeholder="重复密码"></input>
				</div>

				<div class="setip02" style="display: none;">
					<textarea class="base_info" placeholder="请输入你的愿望"></textarea>
				</div>

				<button class="button login_btn" onclick="regist()" style="outline: none;">下一步</button>
			</div>
			<div class="login_div_right">
			</div>
		</div>
	</div>
	<script type="text/javascript">
		function regist() {
			$('.setip01').css({display:'none'});
			$('.setip02').css({display:'inline'});
			$('.button').text('完成');
		}
	</script>
</body>
</html>